<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<head>
<title>ProducerWeb</title>

<!-- <link href="bootstrap/css/bootstrap.css" rel="stylesheet" /> -->

<!-- <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" /> -->

<!-- <script src="bootstrap/js/jquery.js"></script> -->
<!-- <script src="bootstrap/js/jquery.min.js"></script> -->
<!-- <script src="bootstrap/js/bootstrap.min.js"></script> -->
<!-- <script src="bootstrap/js/bootstrap.js"></script> -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet"
	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script
	src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


<script>
	$(function() {
		$(".datepicker").datepicker();
	});
</script>

</head>
<body>


	<form>

		<!--Primary buttons with dropdown menu-->
		<div class="btn-group">
			<button type="button" data-toggle="dropdown"
				class="btn btn-primary dropdown-toggle">
				Action <span class="caret"></span>
			</button>
			<ul class="dropdown-menu">
				<li><a href="index.xhtml">Enviar Transacciones correctas</a></li>
				<li><a href="index2.xhtml">Enviar Transacciones con Error</a></li>
				<li class="divider"></li>
				<li><a href="index3.xhtml">Enviar Random</a></li>
			</ul>
		</div>


		<div class="panel panel-default">
			<div class="panel-heading">
				<h1 class="panel-title">Ingrese los datos de la transacción:</h1>
			</div>
			<div class="panel-body">
				<h:form>

					<h:panelGrid columns="2">

						<label for="inputId">Id</label>
						<h:inputText class="form-control"
							value="#{transactionMB.input.id}" />

						<!-- 						data-date-format="mm-dd-yyyy" -->

						<label for="inputDate">Date</label>
						<h:inputText styleClass="form-control datepicker" type="text"
								value="#{transactionMB.input.date}" />

						<label for="inputTime">Time</label>
						<h:selectOneMenu class="form-control" value="#{transactionMB.input.time}">
							<f:selectItems value="#{sessionMB.times}"/>
						</h:selectOneMenu>

						<label for="inputType">Type</label>
						<h:selectOneMenu class="form-control" value="#{transactionMB.input.type}">
							<f:selectItem itemValue="Compra"/>
							<f:selectItem itemValue="Depósito"/>
							<f:selectItem itemValue="Consulta de saldo"/>
						</h:selectOneMenu>

						<label for="inputCodel">Code</label>
						<h:inputText class="form-control" value="#{transactionMB.input.code}" />

						<label for="inputCommerceName">Commerce Name</label>
						<h:inputText class="form-control" value="#{transactionMB.input.commerceName}" />

						<label for="inputCardType">Card Type</label>
						<h:selectOneMenu class="form-control" value="#{transactionMB.input.cardType}">
							<f:selectItem itemValue="Débito"/>
							<f:selectItem itemValue="Crédito"/>
							<f:selectItem itemValue="Prepaga"/>
						</h:selectOneMenu>

						<label for="inputCurrency">Currency</label>
						<h:selectOneMenu class="form-control" value="#{transactionMB.input.currency}">
							<f:selectItem itemValue="UYU"/>
							<f:selectItem itemValue="USD"/>
						</h:selectOneMenu>

						<label for="inputDevice">Device Type</label>
						<h:selectOneMenu class="form-control" value="#{transactionMB.input.deviceType}">
							<f:selectItem itemValue="ATM"/>
							<f:selectItem itemValue="POS"/>
							<f:selectItem itemValue="WEB"/>
						</h:selectOneMenu>

						<label for="inputAmount">Amount</label>
						<h:inputText class="form-control" value="#{transactionMB.input.amount}" />

					</h:panelGrid>

					<div>
						<h:panelGroup>
							<h:commandButton class="btn btn-outline btn-primary"
								value="enviar" action="#{transactionMB.sendTransaction()}" />
						</h:panelGroup>

					</div>



				</h:form>

			</div>
		</div>

	</form>

</body>
</html>